body{
    background-color: red;

}
//单行注释
/*多行注释
 CSS注释会被解析到css文件中
*/

//设置变量,并且每次只需要改变量的值，以后维护的时候就很容易
@length:100px;//设置了一个变量，变量的值为100px
@color:blue;

.box{
    width: @length;
    height: @length;
    background-color: @color;
}

@c:box1;

//使用box1，要加{}里面包含了变量名字
.@{c}{
       //内容、、、、、
       width: @length;
}
//如果想设置其路径下的东西

.@{c}{
    background-image: url("@{c}/1.png");
}

@a:100px;
@a:200px;

.box{
    width: @a;
}

// //属性名字来使用

// @name:width;

// .box8{
//     @name:200px;
// }
.box{
    color: #bfbfbf;
    background-color: $color;//用上一行的color属性的值
}